<script type="text/javascript">
$(document).ready(function() {
	$('#evento').on('change', function() {
	  var posicion = $('#evento').prop("selectedIndex");
	  posicion--;
	  if (eventosDirecciones != null){
		  if (posicion != -1){
			  $("#destino").val(eventosDirecciones[posicion].value);
			  $("#locationDestino").val(eventosDirecciones[posicion].label);
			  calcRoute(document.getElementById('origen').value, document.getElementById('destino').value);
			  calculateDistances($("#origen").val(), $("#destino").val());
		  }
	  }
	});
});
</script>
<g:select id="evento" class="span8" optionKey="id" name="evento.id" from="${eventos}" value="${eventoId}" noSelection="['null':'']" />